
<div class='title' jump-des='JUI'>JUI</div>
<div class='text indent'>
    JUI 是针对 Jet 开发的一套前端 UI 框架。它提供了一套基础样式类、栅格系统、消息弹出框和一些常用的UI组件。它能够完美的与Jet的数据绑定配合使用。
    能够使开发者快速的开发web应用程序。
</div>
<div class='text indent'>
    JUI 中的盒模型 全局设置为border-box。默认字体为微软雅黑字体。
</div>
<div class='text indent'>
    JUI 目前还在开发之中，请关注最新版本的发布。
</div>
<div class='title' jump-des='jui-bind'>jui-bind</div>
<div class='text indent'>
    使用<span class="red">jui-bind</span>属性，可以与Jet数据进行绑定。绑定的数据类型取决于JUI元素的类型。
</div>
<div class='title' jump-des='jui-change'>jui-change</div>
<div class='text indent'>
    使用<span class="red">jui-change</span>属性可以指定一个数据改变以后的回调函数。
    该函数可以是一个Jet函数，全局函数或者一串js代码。该回调函数的参数是一个json数据，它有三个属性，
    ele：对应的dom元素；value：绑定的数据；jui：对应的jui元素。并不是所有的元素都支持jui-change属性。
</div>
<div class='title' jump-des='jui'>Jet.prototype.$jui</div>
<div class='text indent'>
    对于使用了数据绑定的JUI元素，JUI会生成一个JUI对象，使用<span class="red">Jet.prototype.$jui()</span>方法可以获取到这个对象，
    并且可以设置这个对象的属性可以改变组件的状态、更新源数据。该方法的参数是jdom值，jdom元素或者dom元素。
</div>
<div class='title' jump-des='jui-type'>jui-type</div>
<div class='text indent'>
    使用<span class="red">jui-type</span>属性可以用于指定绑定数据的元素最终使用的数据类型，可选值有number,bool和string。目前可用的元素仅有 radio,checkbox和switch。
</div>
<div class='title' jump-des='jui-onload'>jui-onload</div>
<div class='text indent'>
    使用<span class="red">jui-onload</span>属性可以在JUI组件绑定完成时触发一个事件。jui-onload 属性值可以使一段js代码或者一个Jet函数。
</div>
<div class='title' jump-des='jui-tool'>jui工具方法</div>
<div class='text indent'>
    在开发JUI的过程中，引入了Jetterjs中的大部分方法与原型扩展，于是我们将其整合到Jet.$中，只要使用了JUI，就可以通过Jet.$使用这些工具方法。
    接口具体使用请访问：<a class='link' target="view_window" href="https://www.theajack.com/jetterjs">Jetterjs开发文档</a>
</div>